<template>
    <view class="container1">
        <navigator class="box" :url="'/pages/question/question?courseid=' + item.id + '&courseName=' + item.course" v-for="(item, index) in baseData" :key="index">
            <image :src="item.src" />

            <view>{{ item.course }}</view>
        </navigator>
    </view>
</template>

<script>
// pages/course/course.js
export default {
    data() {
        return {
            baseData: [
                {
                    id: 0,
                    course: '云存储',
                    src: '/static/image/bucket.png'
                },
                {
                    id: 1,
                    course: 'Java',
                    src: '/static/image/Java.png'
                },
                {
                    id: 2,
                    course: 'Python',
                    src: '/static/image/Python.png'
                },
                {
                    id: 3,
                    course: 'Vue',
                    src: '/static/image/Vue.png'
                },
                {
                    id: 4,
                    course: 'React',
                    src: '/static/image/React.png'
                },
                {
                    id: 5,
                    course: 'CSS',
                    src: '/static/image/CSS.png'
                },
                {
                    id: 6,
                    course: 'C++',
                    src: '/static/image/Cplusplus.png'
                },
                {
                    id: 7,
                    course: '算法',
                    src: '/static/image/algorithm.png'
                },
                {
                    id: 8,
                    course: 'Web',
                    src: '/static/image/Web.png'
                },
                {
                    id: 9,
                    course: 'MySQL',
                    src: '/static/image/MySQL.png'
                },
                {
                    id: 10,
                    course: 'Node.js',
                    src: '/static/image/Node.js.png'
                },
                {
                    id: 11,
                    course: 'Redis',
                    src: '/static/image/Redis.png'
                },
                {
                    id: 12,
                    course: 'Html',
                    src: '/static/image/Html.png'
                },
                {
                    id: 13,
                    course: 'Golang',
                    src: '/static/image/Golang.png'
                },
                {
                    id: 14,
                    course: 'Git',
                    src: '/static/image/Git.png'
                }
            ]
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {}
};
</script>
<style>
@import './course.css';
</style>
